<template>
	<text class="icon iconfont" :class="[{' icon-nan':sex==0},{' icon-nv':sex==1}]">{{age}}</text>
</template>

<script setup>
	const props = defineProps({
		sex:{
			type:Number,
			required:true,
		},
		age:{
			type:Number,
			required:true,
		}
	})
</script>

<style scoped lang="scss">
.icon-nan,.icon-nv {
					color: white;
					border-radius: 30upx;
					font-size: 24upx;
					padding: 4upx 12upx;
				}
				.icon-nan {
					background-color: #70a1ff;
				}
				.icon-nv {
					background-color: #FF698D;
				}
</style>
